<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
<!-- jQuery -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
<link rel="stylesheet" href="1.css">
</head>
<body>
        <div class="navbar navbar-inverse " id="a">

                <ul class="nav navbar-nav">
        
                    <li>
                        <a href="#">联系电话：+00 11 22 33</a>
                    </li>
                    <li>
                        <a href="#">邮箱地址：11@email.com</a>
                    </li>
                    
                   <li><a href="index.html">返回首页</a></li> 
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <input type="text" placeholder="点击搜索">
                        <button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i></button>
                    </li>
                </ul>
            </div>
    <div class="container" id="c">
        
        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
            <h1>左边他是游戏列表</h1>
            
            <div class="navbar">
                <a class="navbar-brand" href="#">游戏列表</a>
                <ul class="nav navbar-nav">
                    <li class="active col-md-12">
                        <a href="#" class="">街头霸王</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav">
                        <li class="col-md-12">
                            <a href="#" class="col-md-12">魂斗罗</a>
                        </li>
                    </ul>
            </div>
            
        </div>
        
        <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8" >
            <h1>游戏图片</h1>
            <h1>右边他是游戏信息</h1> 
            <h1><a>开始游戏</a></h1> 
            <h1>评分</h1>
            <h1>攻略</h1>
        </div>
        
    </div>
    
</body>
</html>